<template>
  <div>
    <p>{{msg}}</p>
    <my-count></my-count>
    <MyBig/>
  </div>
</template>

<script>
    // 引入import关键字是js的关键字
    import Count from './components/Count.vue'
    import Big from './components/Big.vue'

    // 对外暴露一个组件Vue.extend简写形式，就是一个配置对象
    export default {
      data(){
        return {msg:'888888888888888'}
      },

      //取名字 my-count  或者 MyCount [必须要两个单词]
      components:{
        'my-count':Count,
        'MyBig':Big
      }
    }
</script>
